<!DOCTYPE html>
<html>
    <head>
        <title>:: Compra Envios ::</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" href="../css/custom-theme/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
        <link type="text/css" href="../css/Home.css" rel="stylesheet" />
        <link type="text/css" href="../css/Principal.css" rel="stylesheet" />
        <script type="text/javascript" src="../js/jquery-1.6.2.min.js"></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="../js/PrincipalJS.js"></script>
        <META NAME="Author" CONTENT="Wayoyo Diseño Web"> 
        <META NAME="Description" CONTENT="Servicios de envios a Venezuela. Aliado comercial Zoom"> 
        <META NAME="Keywords" CONTENT="envios, compras,venezuela,envios a venezuela,envios maritimo,maritimo,aereo, usa, "> 
        <META NAME="Language" CONTENT="es"> 
        <META NAME="Copyright" CONTENT="© © 2011 Compraenvios.com - Todos los derechos reservados."> 
        <META NAME="Designer" CONTENT="Wayoyo Diseño Web"> 
        <META NAME="Revisit-After" CONTENT="Select One Days"> 
        	    	 <script type="text/javascript">
						$(document).ready(function() {
						$("#fechaIni").datepicker({

						dateFormat: 'yy-mm-dd',

						changeYear: true,
						changeMonth: true,
						onSelect: function(dateText, inst) {
						var lockDate = new Date($('#fechaIni').datepicker('getDate'));
						//lockDate.setDate(lockDate.getDate() + 1);
						$('input#fechaFin').datepicker('option', 'minDate', lockDate);}
						});

						$("#fechaFin").datepicker({
						dateFormat: 'yy-mm-dd',

						changeYear: true,
						changeMonth: true
						}); 		});

						function ImagenCargando () {
						$('#CargandoDialog').dialog('open');
		}

		$(document).ready(function() {
				$("#VerGuiasDialog").dialog({
					autoOpen : false,
					height : 500,
					width : 500,
					modal : true,});
			  	$("#CargandoDialog").css("visibility", "visible");
				$("#CargandoDialog").dialog({
					autoOpen : false,
					height : 170,
					width : 130,
					modal : true,});
				$("#CargandoDialog").removeClass("ui-dialog-content ui-widget-content"); 
				
				padre = document.getElementsByClassName('ui-dialog-titlebar')[0].parentNode;
				padre.removeChild(document.getElementsByClassName('ui-dialog-titlebar')[0]);	
				
				padre = document.getElementsByClassName('ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se')[0].parentNode;	
				padre.removeChild(document.getElementsByClassName('ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se')[0]);
				
  								term = 1;
				url = "../controlador/PaginacionGuias.php";
				/* Send the data using post and put the results in a div */
				ImagenCargando();
				$.post(url, {pagina : term,valida_busqueda:0}, function(data) {
					$("#div-tabla-guias").empty().append(data);
					$('#CargandoDialog').dialog('close');
				});
				
});

			function CargaTabla (pagina,palabra_a_buscar) {
				url = "../controlador/PaginacionGuias.php";
				/* Send the data using post and put the results in a div */
				valida_busqueda=1;
				pagina=1;
				if (palabra_a_buscar=='') {
					valida_busqueda=0;
				}
				$.post(url, {
					pagina : pagina,valida_busqueda:valida_busqueda,buscarGuias:palabra_a_buscar
				}, function(data) {
					$("#div-tabla-guias").empty().append(data);
				});
			}






						
function prueba (variable) {
	  event.preventDefault();
 alert("hola");
 alert(variable.title);
     /* get some values from elements on the page: */
       
    
        term = variable.title;
url = "../controlador/TablaGuias.php";
alert(url);
    /* Send the data using post and put the results in a div */
   
    $.post( url, { s: term },
      function( data ) {
          var content = $( data ).find( '#content' );
          $( "#div-tabla-guias" ).empty().append( data );
      }
    );
  
}	
	
$("a").click(function(event) {

 
  event.preventDefault();
 alert("hola");
    
    /* get some values from elements on the page: */
       /*
    var $form = $( this ),
        term = $form.find( 'a[title="Numero"]' ).val(),
url = $form.attr( 'action' );
    /* Send the data using post and put the results in a div */
   /*
    $.post( url, { s: term },
      function( data ) {
          var content = $( data ).find( '#content' );
          $( "#result" ).empty().append( content );
      }
    );
    
        */
			});

			function BuscarGuiaPorFecha(pagina) {
				fechaIni=document.getElementById('fechaIni').value;
				fechaFin=document.getElementById('fechaFin').value;
				if ((fechaFin=='') || (fechaIni=='')) {
					alert("Introduzca una fecha");
				}
				else{
					url = "../controlador/PaginacionGuias.php";
				/* Send the data using post and put the results in a div */
				valida_busqueda = 2;
				$.post(url, {
					pagina : pagina,
					valida_busqueda : valida_busqueda,
					fecha_inicial : fechaIni,
					fecha_final : fechaFin
				}, function(data) {
					$("#div-tabla-guias").empty().append(data);
				});
				}
			}
			function mostrarGuia(id){
				
				$.post("BuscarGuias.php", {
					id : id
				}, function(data) {
					$("#VerGuiasDialog").html(data);
				});
				$('#VerGuiasDialog').dialog('open');
				
			}
			
			
  </script>
    </head>
    <body class="fondo">  	
    	
        <div class="todo">
            <div id="upperBar"><div id="centerDiv"><span id="opCentrales"></div></div>
            <span>
                <div id="main">
                    <A HREF="http://www.compraenvios.com"><div id="banner" onclick="location.href='www.compraenvios.com'" > 
                    </div> </A>


                    <div id="menuBar">
                        <div class="MenuItem" onclick="location.href='Usuarios.php'" id ="inicio">
                            Ver Usuarios
                        </div>
                        <div class="MenuItem" id="MenuCenter" onclick="location.href='Guias.php'" >
                            Ver Guias
                        </div>
                        <div class="MenuItem" id="MenuCenter" onclick="location.href='Servicios.html'">
                            Opciones
                        </div>
                        <div class="MenuItem" id="MenuCenter" onclick="location.href='http://www.compraenvios.com/vista/Contactenos.html'">
                            Salir
                        </div>
                    </div>
                    
                    <div id="contenido">
                    	<h2 class="todo">
                        <div id="barraBusqueda">
                        	<table border="0" width="100%" height="100%" cellspacing="8">
                        		<tr>
                        			<td width="32%">
                        				<label for="buscarUsuarios">Buscar</label>
                            
                            </td>
                            <td width="15%">
                            	<label for="fechaIni">Buscar por fecha:</label>
                            </td>
                            <td align="left" width="35%">
                            	<label for="fechaFin"> </label>
                            </td>
                                                        <td width="30%" align="center" >
                            	<label for="fechaFin"> Crear Guia</label>
                            </td>
                            <tr>
                            <td width="32%">
                            	<input type="text"  placeholder="Buscar una Guia" id="BuscarGuias" name="BuscarGuias" onkeyup="CargaTabla('0',this.value)" />
                            	<input type="button" class="button_buscar" id="botonBuscar" value="Buscar" />
                            </td>
                            <td width="15%" valign="center">
                            	<input type="text" id="fechaIni" placeholder="Fecha inicial" name="fechaIni" />
                            </td>
                            <td width="35%">
                            	<input type="text" id="fechaFin" placeholder="Fecha final" name="fechaFin" />	
                            	<input type="button"  class="button_buscar"  id="botonBuscar2" value="Buscar" onclick="BuscarGuiaPorFecha(1);" />
                            </td>
                            <td align="center">
                            	<input type="button"  class="button"  id="botonGuia"  onclick="location.href='CrearGuias.php'" value="Crear Guia" />
                            </td>
                            </tr>
                        		</tr>
                        	</table>
                        </div>
                        </h2>
                        <h2 class="todo" width="800px" height="330px">
                        	<span style="font-size: 16px">   
                        		<div id="div-tabla-guias">     

                         </div>
					</span>
                        </h2>
                    </div>
                <div id="lowerBar"><div id="lowerCenterDiv"> © 2011 compraenvios.com - Todos los derechos reservados. || Designed by: Wayoyo Diseño Web</div></div>
        </div>
        
        
        
        
        <div id="VerGuiasDialog"></div>
        <div id="CargandoDialog"><img src="../imagenes/cargando.gif" /></div>
    </body>
</html>